*{ box-sizing: border-box; list-style: none;}
body{ position: relative;}
.clear-float:after{ content: ''; display: table; clear: both;}
.clear{ clear: both;}
::-ms-clear,::-ms-reveal{display:none;}
input:focus,textarea:focus{ outline-color: #d6d48e; outline-width: 1px;}
.body-login{ background: url("../images/body-login.png") no-repeat top center #000;}
.Order-Top{ height: 180px;}
/* 兼容IE8不支持rgba（）的解决 */
.register-center{ width: 952px; padding: 50px 45px 55px 45px; margin: 0 auto; margin-top: -24px; background: rgba(0,0,0,0.85); border-radius: 3px; border: 1px solid #4e432e;box-shadow: 0 0 10px 2px rgba(0,0,0,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000); }
.reg-center-left{ width: 50%; float: left; color: #d6d48e; padding-left: 45px; font-size: 14px; border-right: 1px solid #4e432e;}
.reg-center-left label{ display: block; line-height: 35px;}
.lable-first{ margin-top: 18px;}
.reg-center-left label i{ color: #e54314;}
.reg-center-left input{ width: 314px; height: 32px; line-height: 32px; color: #dbab6c; padding-left: 10px; background: #000; border: 1px solid #4e432e;}
.error-text{visibility: hidden; color: #e54314; font-size: 12px; display: inline-block; margin-top: 8px; max-width: 315px;}
.reg-center-right{ width: 50%; float: left;}
.reg-title{ font-size: 18px; color: #e54314;}
.register-btn{ width: 314px; height: 34px; cursor: pointer; border: none; margin-top: 17px; background: #a62508; font-size: 16px; color: #fff; border-radius: 2px;}
.register-btn:active,.register-btn:hover{ background: rgba(166,37,8,0.7);}
.register-btn:focus{ outline: none;}
.back-login{ color: #d3d3d3; font-size: 12px; margin-top: 27px; display: block; text-decoration: underline;}
.back-login:hover{ color: #dbab6c;}
.reg-center-right{ padding-left: 72px; padding-top: 65px; padding-right: 45px;}
.reg-center-right p{ font-size: 18px; color: #dbab6c; text-align: center;}
.reg-text{ color: #d6d48e; line-height: 20px; font-size: 12px; padding: 0 12px; margin-top: 25px; display: block;}
.white-text{ color: #d3d3d3;}
.login-face,.login-twitter,.login-google{ height: 34px; width: 100%; cursor: pointer; padding-left: 80px; text-align: left; color: #fff; font-size: 16px; margin-top: 30px; border: none;}
.login-face:focus,.login-twitter:focus,.login-google:focus{ outline: none;}
.login-face{ background: url("../images/login-group.png") no-repeat 12px 8px #3b5998;}
.login-face:active,.login-face:hover{ background: url("../images/login-group.png") no-repeat 12px 8px rgba(59,89,152,0.7);}
.login-twitter{ background: url("../images/login-group.png") no-repeat 10px -22px #4a94cb;}
.login-twitter:active,.login-twitter:hover{ background: url("../images/login-group.png") no-repeat 10px -22px rgba(74,148,203,0.7);}
.login-google{ background: url("../images/login-group.png") no-repeat 11px -52px #be4231;}
.login-google:active,.login-google:hover{ background: url("../images/login-group.png") no-repeat 11px -52px rgba(190,66,49,0.7);}
.rem-content{ margin-top: 10px;}
.reg-center-left{ position: relative;}
.reg-center-left .Notice{ position: absolute; top: -35px; left: 45px; background: #FCF8E1; padding: 5px; border: 1px solid #FBEED3; display: none;}
.reg-center-left .Notice-active{ display: block;}
.Notice p{ display: inline-block; color: #CBA679; padding-left: 5px;}
.notice-icon{ display: inline-block; width: 16px; height: 16px; background: url("../images/notice-icon.png") no-repeat; vertical-align: bottom;}
.reg-center-left .rem-login{ color: #b69c50; display: inline-block; line-height: 15px;}
#rem{ width: 11px; height: 11px; padding: 0; border: 0; background: #fff;}
.login-btn{ margin-top: 25px; margin-bottom: 40px; width: 314px; height: 34px; cursor: pointer; border: none; background: #a62508; font-size: 16px; color: #fff; border-radius: 2px;}
.login-btn:active,.login-btn:hover{ background: rgba(166,37,8,0.7);}
.login-btn:focus{ outline: none;}
.Incorrect-info{ line-height: 20px; color: #e54314; margin-top: 10px; display: none;}
.Incorrect-active{ display: inline-block;}
/*  E-mail-password  */
.reg-title-border{ line-height: 38px; border-bottom: 1px solid #29231b;}
.E-Pass{ margin: 35px 0 0 115px;}
.E-Pass label{ margin-right: 24px; font-size: 14px; color: #d6d48e;}
.E-Pass input{ height: 28px; width: 314px; padding-left: 10px; font-size: 12px; color: #95824d; background: #000; border: 1px solid #4e432e;}
.E-Pass input::-webkit-input-placeholder{ color: #95824d;}
.E-Pass input:-moz-placeholder{ color: #95824d;}
.E-Pass input::-moz-placeholder{ color: #95824d;}
.E-Pass-cofm{ margin: 21px 0 0 89px;}
.Save{ background: #a62508;}
.Save:active,.Save:hover{ background: rgba(166,37,8,0.7);}
.Cancel{ background: #353432; margin-left: 12px;}
.Cancel:active,.Cancel:hover{ background: rgba(53,52,50,0.7);}
.E-Pass-btn{ margin: 30px 0 0 89px;}
.E-Pass-btn button{ width: 74px; height: 30px; cursor: pointer; font-size: 14px; color: #fff; border: none; border-radius: 2px;}
.E-Pass-btn button:focus{ outline: none;}
/*  Submit-Success  */
.Sub-Success{ margin: 90px auto; width: 545px;}
.Sub-Success img{ float: left; margin-right: 25px; margin-top: 11px;}
.sub-text{ font-size: 18px; color: #6dba2c; margin-bottom: 8px;}
.sub-text span{ font-size: 20px;}
.subtext{ font-size: 14px; color: #d6d48e; line-height: 25px;}
/*  Forget-password  */
.forg-text{ font-size: 14px; color: #d6d48e; margin: 45px 0 30px 0;}
.forg-form label{ font-size: 14px; color: #d6d48e;}
.forg-form label i{ color: #e54314;}
.forg-form input{ width: 314px; height: 32px; line-height: 32px; padding-left: 10px; color: #dbab6c; background: #000; border: 1px solid #4e432e;}
.forg-sub{ width: 100px; height: 33px; cursor: pointer; margin-left: 8px; background: #a62508; color: #fff; font-size: 16px; border: none; border-radius: 2px; vertical-align: top;}
.forg-sub:focus{ outline: none;}
.forg-sub:hover,.forg-sub:active{ background: rgba(166,37,8,0.7);}
.forg-back a{ color: #d3d3d3; font-size: 14px; margin-top: 65px; float: right; margin-right: 10px;}
/*  My Order  */
.center-top{ box-shadow: 0 0 10px 2px rgba(0,0,0,0.7);}
.body-bg-big{ background: url("../images/body-bg-big.png") no-repeat top center #000;}
.body-center{}
.center-top{ height: 56px; width: 960px; margin: 0 auto; background: url("../images/body-center-top.png") no-repeat; border-left: 1px solid #58411f; border-right: 1px solid #58411f;}
.center-bottom{ width: 969px; height: 153px; position: relative; margin: 0 auto; background: url("../images/body-center-bottom.png") no-repeat;}
.order-content{ position: relative; overflow: hidden; box-shadow: 2px 0 10px rgba(0,0,0,0.7), -2px 0 10px rgba(0,0,0,0.7); width: 960px; margin: 0 auto; background: #141211; border-left: 1px solid #58411f; border-right: 1px solid #58411f;}
.Men-Left{ width: 250px; border-right: 1px solid #1f1e1e; position: absolute; top: 0; left: 0;}
.Order-List{ width: 100%; height: 100%; border-right: 1px solid #000;}
.Order-List>li{ line-height: 33px; width: 100%; padding-left: 22px; border-bottom: 1px solid #2a241c;}
.Order-List>li>a{ line-height: 32px; border-bottom: 1px solid #000; display: block;}
.F-li>a{ color: #fefefe; font-size: 16px;}
.S-li>a{ color: #ff9900; font-size: 12px;}
.S-li>a:hover{ color: #fff;}
.F-li-info{ position: relative;}
.F-li-info span{ font-size: 12px; position: absolute; right: -15px; top: -4px; text-align: center; border-radius: 50%; line-height: 15px; background: #b42b11; color: #cdcdcd; display: inline-block; width: 15px; height:15px;}
.Men-Right{ margin-left: 250px; min-height: 800px; margin-bottom: 70px; padding: 12px 20px 0 20px;}
.order-top-nav{}
.order-top-nav a{ color: #d6d48e; margin-left: 7px;}
.order-top-nav a:hover,.order-top-nav a:active{ color: #ff9900;}
.order-top-nav i{ color: #d6d48e; background: url("../images/icon.png") no-repeat; display: inline-block; width: 6px; height: 10px; margin-left: 10px;}
.nav-bg-color{ display: inline-block; width: 6px; height: 6px; background: #fe7e01;}
.Men-Right-Center{ margin-top: 30px;}
.message-list{ margin-top: 45px;}
.message-receive{ background: #333; border-radius: 3px; padding: 10px;}
.account-title{ font-size: 16px; color: #dbab6c; padding-bottom: 7px; border-bottom: 1px solid #47403c; position: relative;}
.account-title-info{ font-size: 14px; color: #dbab6c; margin-top: 28px; display: inline-block;}
.account-title-info i{ display: inline-block; width: 10px; height: 6px; margin-right: 6px; background: url("../images/icon.png") no-repeat -20px 0;}
.msg-group{ margin-top: 22px;}
.msg-group>span{ color: #dbab6c; display: block; line-height: 20px;}
.msg-group>span>a{ color: #dbab6c; text-decoration: underline;}
.span-num{ color: #f0441e;}
.MyOrder-List{ margin-top: 20px;}
.MyOrder-List>a{ color: #d6d48e; margin-right: 10px; display: inline-block; text-align: center; width: 95px; height: 26px; line-height: 26px; background: transparent; border: 1px solid #47403c;}
.MyOrder-List>a.Order-active{ background: #d6d48e; color: #201c1b;}
.MyOrder-List>a:hover,.MyOrder-List>a:active{ background: #d6d48e; color: #201c1b;}
.list-table{ margin-top: 18px; border-left: 1px solid #29231b; border-top: 1px solid #29231b; border-right: 1px solid #29231b;}
.Account-List{ margin-top: 30px;}
.pass-list{ margin-top: 60px; position: relative;}
.pass-success-tip{ display: none; padding-left: 10px; color: #333; width: 100%; height: 30px; background: #dafeda; border: 1px solid #67be87; position: absolute; top: -32px; left: 0;}
.pass-success-tip p{ line-height: 30px; float: left; margin-left: 5px;}
.pass-success-tip span{ float: left; line-height: 30px;}
.list-top{ display: inline-block; width: 100%; background: #201c1b; border-bottom: 1px solid #29231b;}
.list-top li{ width: 16%; color: #d6d48e; text-align: center; float: left; line-height: 30px;}
.list-content{ overflow: hidden;}
.list-content>p{ line-height: 22px; color: #a99357; padding-left: 12px;}
.list-li{ /*height: 90px;*/ padding: 10px 0; line-height: 50px; /*border-bottom: 2px solid #29231b;*/ border-top: 1px solid #29231b;}
.list-li li{ width: 16%; text-align: center; /*border-right: 1px solid #29231b;*/ float: left; /*height: 100%;*/}
.Un-list li{ width: 16%;}
.Un-top li{ width: 16%;}
.list-li>li>span{ color: #dbab6c; line-height: 20px; display: inline-block; vertical-align: middle;}
.li-img{ margin: 7px 8px 0 12px; vertical-align: middle; border: 1px solid #58411f; border-radius: 3px; width: 44px; height: 44px; display: inline-block;}
.list-li>li>.li-img-text{ text-align: left; color: #dbab6c; line-height: 20px; display: inline-block; width: 79%; vertical-align: middle;/* margin: 15px 0 0 0;*/}
.list-top .li-name{ width: 26%;}
.list-li .li-name{ width: 50%; text-align: left;}
.list-top .li-quantity{ width: 10%;}
.list-li .li-quantity{ width: 10%;}
.list-li .li-last{ border-right: 0;}
.li-last a{ display: block; line-height: 50px; text-decoration: underline;}
.li-last-aF{ color: #dbab6c;}
.li-last-aS{ margin: 0 10px; color: #f0441e;}
.pagenation{ margin-top: 36px;}
.page-list{ float: right;}
.page-list li{ padding: 0 5px; margin: 0 3px; float: left; color: #D96500; border: 1px solid #ccc;}
.page-list>li>a{ display: block; color: #D96500;}
.page-list>li>a:hover,.page-list>li>a:active,.page-list>li>a:focus{ color: #ccc;}
.page-list>.page-active>a{ color: #ccc;}
.order-favorite{ margin-top: 50px; margin-bottom: 100px; border: 1px solid #29231b;}
.fav-title{ color: #d6d48e; padding-left: 15px; display: block; line-height: 30px; background: #201c1b; border-bottom: 1px solid #29231b;}
.fav-content{ width: 33%; text-align: center; padding: 30px 0; float: left;}
.fav-name{ text-align: center; color: #d6d48e; margin-top: 12px; display: block;}
.fav-price{ text-align: center; color: #ffcc00; font-size: 16px; margin-top: 12px; display: block;}
.bottom-text{ position: absolute; font-family: verveine_corpregular, Ubuntu, Helvetica, Arial, sans-serif; right: 30px; width: 360px; bottom: -5px;font-size: 32px; color: #a2925f;}
.bot-tex-t{ font-size: 32px; color: #a2ba32;}
.Order-group{ margin-top: 30px;}
.order-price{ padding: 15px 49px 5px 0; border-bottom: 1px solid #29231b; border-top: 1px solid #29231b;}
.order-price p{ text-align: right; margin-bottom: 10px; color: #f0441e;}
.li-top-left{ width: 70%; float: left;}
.li-top-left p{ margin: 5px 0;}
.li-top-right{ position: absolute; right: 20px; bottom: 10px;}
.order-info-grp{ position: relative; padding: 5px 12px;}
.cou-title{ color: #dbab6c;}
.tol-name{ color: #dbab6c;}
.fav-foot-btn{ width: 86px; height: 28px; margin: 10px 0 0 0; display: inline-block; background: url("../images/action-bg.png") no-repeat;}
.Order-List>.mem-rules{ width: 97%; padding: 10px; margin: 10px 5px;     background: #201c1b; border-radius: 3px; border: 1px solid #3D231E;}
.mem-rules:hover{ border: 1px solid #A27A00;}
.mem-rules .rules-title{ line-height: 20px; margin: 0; font-weight: 600; color: #dbab6c;}
.mem-rules p{ line-height: 20px; color: #a99357; margin-top: 12px; display: block;}
/*.mem-rules span{ display: inline-block; width: 3px; height: 3px; background: #a99357;}*/
/*  In-Progress  */
.li-pro{ line-height: 30px; margin: 0;}
.Pro-top>li{ width: 22%;}
.Pro-top>li.Pro-name{ width: 56%;}
/*.Pro-content{ border-top: 0;}*/
.Pro-content>li{ width: 22%;}
.Pro-content>li.Pro-name{ width: 56%; text-align: left;}
.Pro-content>li>.li-img-text{ width: 230px;}
.Order-info{ margin-top: 30px;}
.Order-info>span{ color: #dbab6c; display: block; line-height: 20px;}
.Order-info .pro-col{ color: #d6d48e;}
.pro-info-list{ width: 50%; float: left;}
.Progress-info{ margin-top: 35px; margin-bottom: 200px; background: #201e1a; border: 1px solid #29231b; padding: 20px 0 0 20px;}
.pro-info-list li{ margin-bottom: 25px;}
.info-left{ color: #d6d48e; width: 150px; display: inline-block; text-align: right;}
.info-right{ color: #dbab6c; text-align: left;}
/*  Unpaid  */
.li-last span a{ margin: 0;}
.Un-quantity span{ line-height: 90px;}
.Un-quantity span input{ width: 35px; height: 22px; text-align: center; vertical-align: bottom; color: #dbab6c; background: transparent; border: 1px solid #47403c;}
.Un-quantity span button{ width: 22px; height: 22px; font-size: 14px; background: transparent; border: 1px solid #47403c; color: #dbab6c;}
.Un-list>.Un-name{ width: 52%; text-align: left;}
.Un-top>.Un-name{ width: 52%;}
.Unpaid-btn{ margin-top: 30px; float: right; margin-right: 10px; margin-bottom: 150px;}
.Unpaid-btn button{ border: none; background: #141211;}
.un-mar-bot{ margin-bottom: 0;}
.list-li .Un-Count{display: inline-block;}
.list-li .Edit-Un-Count{ display: none;}
.Detail-List>ul{ float: left;}
.Detail-List>div{ float: left; width: 100%;}
/*  Cmpleted  */
.Complete-Time{ margin-left: 80px;}
/*  My-Coupons  */
.MyCoup-List>a{ width: 100px;}
.No-Count{ display: none; line-height: 140px; text-align: center; border-bottom: 1px solid #29231b;}
.coupons-content{ padding: 20px 0; border-bottom: 1px solid #29231b;}
.cou-con-list li{ float: left; line-height: 30px; min-height: 30px; text-align: center; padding: 0 5px; color: #dbab6c;}
.cou-con-list .cou-rules{ line-height: 20px; text-align: left;}
.cou-con-list .cou-val{ padding-right: 40px;}
.list-top .cou-code{ width: 20%;}
.list-top .cou-val{ width: 20%; padding-right: 40px;}
.list-top .cou-rules{ width: 35%;}
.list-top .cou-date{ width: 25%;}
.cou-code{ width: 20%;}
.cou-val{ width: 20%;}
.cou-rules{ width: 35%;}
.cou-date{ width: 25%;}
.coupons-center{ width: 100%; border-bottom: 1px solid #29231b; padding: 10px 0;}
.coupons-center li{ float: left; width: 16%; line-height: 40px; text-align: center;}
.coupons-center .li-name{ width: 26%;}
.coupons-center .cou-actions{ line-height: 20px;}
.cou-actions a{ display: inline-block; text-decoration: underline; width: 100%; line-height: 20px;}
.cou-detail{ color: #f0441e;}
.cou-detele{ color: #999;}
/*  Message-Inbox  */
.Msg-Content{ padding: 25px 0; border-bottom: 1px solid #29231b;}
.Msg-List li{ float: left; text-align: center; padding: 5px 10px; color: #dbab6c;}
.list-top .check{ width: 10%; height: 30px;}
.list-top .msg-theme{ width: 80%;}
.list-top .msg-time{ width: 18%;}
.Msg-List .check a{ color:red; background: transparent; display: inline-block; width: 12px; height: 12px; border: 1px solid #4e432e; border-radius: 3px;}
.Msg-List .check a.checked{ background: url("../images/checked-red.png") no-repeat transparent;}
.check{ width: 15%;}
.msg-theme{ width: 65%;}
.Msg-List .msg-theme{ text-align: left;}
.Msg-List .msg-theme a{ color: #dbab6c; display: block;}
.Msg-List .msg-theme a:hover,.Msg-List .msg-theme a:active,.Msg-List .msg-theme:focus{ color: #d6d48e;}
.msg-time{ width: 18%;}
.MyOrder-List>.leave-btn{ width: 120px; line-height: 28px; float: right; border: none; background: #a62508; color: #fefefe;}
.Sele-Dele{ float: left; color: #d6d48e; margin-left: 18px; line-height: 28px;}
.Sele-Dele .check{ width: 101px; float: left; cursor: pointer;}
.Sele-Dele .check a{ margin: 0 10px 0 28px; color:red; background: transparent; display: inline-block; width: 12px; height: 12px; border: 1px solid #4e432e; border-radius: 3px;}
.Sele-Dele .check a.checked{ background: url("../images/checked-red.png") no-repeat transparent;}
.Dele{ display: inline-block; cursor: pointer;}
.Sele-Dele .or{margin: 0 10px; color: #dbab6c;}
.total-buy{ float: right; text-align: center; width: 25%; font-size: 0;}
.total-buy a{ display: inline-block; width: 86px; height: 28px; background: url("../images/action-bg.png") no-repeat;}
.pagenation-center{ margin: 30px 30px 0 0;}
.MsgEd-List li{ color: #5e512d;}
.Leave-Label{ color: #dbab6c; text-align: right; width: 160px; display: inline-block; padding-right: 5px;}
.Leave-Label i{ color: #e54314;}
.Leave-inp{ background: transparent; border: 1px solid #4e432e;}
.Leave-Msg{ margin-top: 28px;}
.Leave-title{ margin-top: 50px;}
.Leave-title input{ line-height: 28px; height: 28px; width: 315px; color: #dbab6c; padding-left: 10px;}
.Leave-Msg textarea{ overflow: auto; width: 430px; padding: 10px; height: 120px; resize: none; line-height: 25px; color: #dbab6c;}
.Leave-Msg label{ vertical-align: top;}
.Leave-Sub{ margin-top: 40px; margin-left: 163px; cursor: pointer; border-radius: 3px; border: none; width: 140px; height: 34px; background: #a62508; color: #fff;}
.Leave-Sub:hover,.Leave-Sub:active{ background: rgba(166,37,8,0.7);}
.Leave-Sub:focus{ outline: none;}
/*  Message Detail  */
.message-content{ border-bottom: 1px solid #47403c; padding-bottom: 5px;}
.message-title{ font-size: 16px; color: #d6d48e; margin-bottom: 15px;}
.message-info{ color: #dbab6c; line-height: 22px; display: block;}
.message-text{ color: #dbab6c; line-height: 20px; margin-top: 20px;}
.message-reply{ display: block; width: 120px; height: 30px; cursor: pointer; background: #a62508; color: #fff; font-size: 14px; border: none; border-radius: 2px; margin-top: 30px; margin-bottom: 10px;}
.message-reply:focus{ outline: 0;}
.message-reply:hover,.message-reply:active{ outline: 0; background: rgba(166,37,8,0.7);}
.message-textarea{ padding: 10px; width: 100%; height: 100px; line-height: 20px; background: #201c1b; border: 1px solid #29231b; resize: none; border-radius: 2px; margin-top: 10px; color: #dbab6c;}
.message-send{ display: block; width: 100px; height: 30px; background: #a62508; color: #fff; font-size: 14px; border: none; border-radius: 2px; margin: 20px 10px 0 0; float: right;}
.message-send:focus{ outline: 0;}
.message-send:hover,.message-send:active{ outline: 0; background: rgba(166,37,8,0.7);}
.message-detail-form{ display: none;}
/*  Account-Information  */
.Act-Title{ background: #201c1b; color: #d6d48e; font-size: 14px; line-height: 30px; padding-left: 20px; border-bottom: 1px solid #29231b;}
.Personal-List li{ border-bottom: 1px solid #29231b; color: #dbab6c;}
.Personal-List>li>div{ float: left;}
.Per-Left{ width: 24%; line-height: 42px; padding: 0 10px; text-align: right;}
.Per-Center{ width: 64%; padding: 0 20px;}
.Per-Right{ width: 12%; padding: 0 10px; text-align: center; line-height: 42px;}
.Per-Right{ text-decoration: underline; cursor: pointer;}
.Per-Right:hover{ color: #ff9900;}
.Info-content{ display: block; color: #d6d48e; line-height: 42px; height: 42px;}
.Edit-Content{ display: none;}
.Edit-Content>input{ width: 314px; height:30px; line-height: 30px; margin-top: 28px; border: 1px solid #463c2a; background: transparent; padding-left: 10px; color: #d6d48e;}
.Edit-Content>form>input{ width: 314px; height:30px; line-height: 30px; margin-top: 28px; border: 1px solid #463c2a; background: transparent; padding-left: 10px; color: #d6d48e;}
.Info-btn-group{ margin: 30px 0;}
.Info-btn-group button{ width: 74px; height: 30px; text-align: center; border-radius: 3px; border: none;}
.Info-btn-group button:focus{ outline: none;}
.Info-Save{ background: #a62508; color: #fff; margin-right: 12px;}
.Info-Save:active,.Info-Save:focus,.Info-Save:hover{ background: rgba(166,37,8,0.7);}
.Info-Cancel{ background: #353432; color: #d1d1d1;}
.Info-Cancel:active,.Info-Cancel:focus,.Info-Cancel:hover{ background: rgba(53,52,50,0.7);}
.Pass-Save{ background: #a62508; color: #fff; margin-right: 12px;}
.Pass-Save:active,.Pass-Save:focus,.Pass-Save:hover{ background: rgba(166,37,8,0.7);}
.pas-tip{ display: none; color: #e54314; margin-top: 5px;}
.pas-old-tip{ display: none; color: #e54314; margin-top: 5px;}
.pas-new-tip{ display: none; color: #e54314; margin-top: 5px;}
.input-type{ display: inline-block; width: 30px; height: 30px; line-height: 26px; color: #dbab6c; margin-left: 10px; font-size: 13px; vertical-align: middle; cursor: pointer;}
.input-type>i{ vertical-align: middle;}
/*  Character-Information-Add  */
.Character-Content{ margin-top: 10px; overflow: hidden;}
.Cha-List li{ color: #dbab6c; margin-top: 30px;}
.Cha-List li label{ width: 165px; color: #dbab6c; text-align: right; display: inline-block; margin-right: 15px;}
.Cha-List li select{ line-height: 28px; width: 314px; height: 28px; padding-left: 10px; background: transparent; border: 1px solid #4e432e;}
.Cha-List li input{ height: 28px; width: 428px; line-height: 28px; color: #dbab6c; padding-left: 10px; background: transparent; border: 1px solid #4e432e;}
.Cha-List li button{ margin-top: 10px;}
.Cha-Save{ width: 140px; height: 34px; margin-left: 3px; border-radius: 3px; background: #a62508; color: #fff; border: none;}
.Cha-Save:hover,.Cha-Save:active,.Cha-Save:focus{ outline: none; background: rgba(166,37,8,0.7);}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #d6d48e;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: #d6d48e transparent transparent transparent;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color: transparent transparent #d6d48e transparent;
}
.select2-container--default .select2-selection--single{
    background-color: transparent;
    border: 1px solid #4e432e;
    border-radius: 0;
}
.select2-dropdown{
    background-color: #353432;
    border-radius: 0;
    border-color: #4e432e;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    border: 1px solid #29231b;
    background: transparent;
    color: #dbab6c;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus{
    outline: none;
}
.select2-container--open .select2-dropdown{
    left: 1px;
}
.select2-container--default .select2-results__option[aria-selected=true]{
    background-color: #23221F;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: #23221F;
}
.select2-container--default .select2-results>.select2-results__options li{
    color: #dbab6c;
}
.select2-container--default .select2-selection--single:focus{ outline: none;}
/*  Character-Information  */
.Char-Title{ margin-top: 35px; cursor: pointer;}
.Char-Title a{ width: 12px; height: 12px; margin-right: 10px; background: transparent; border: 1px solid #4e432e; border-radius: 3px; display: inline-block;}
.Char-Title a.char-checkde{ background: url("../images/checked-red.png") no-repeat transparent;}
.Char-Title span{ color: #dbab6c; vertical-align: top;}
.Add-Btn{ display: block; position: absolute; right:0; top: -15px; width: 140px; height: 30px; background: #a62508; font-size: 12px; text-align: center; line-height: 30px; color: #fff;}
.Add-Btn:hover,.Add-Btn:active,.Add-Btn:focus{ background: rgba(166,37,8,0.7);}
.Char-Main{ background: #1c1a17; padding: 10px 0; border: 1px solid #29231b; margin-top: 10px;}
.Info-display{ width: 75%; float: left;}
.Info-display li{ width: 50%; float: left; line-height: 34px;}
.Char-Fun{ width: 25%; float: left;}
.info-con-left{ color: #d6d48e; padding-right: 3px; width: 120px; text-align: right; display: inline-block;}
.info-con-right{ color: #dbab6c; padding-left: 3px;}
.Char-Fun{ text-align: center;}
.Char-Fun-grop{ display: inline-block; margin-top: 37px;}
.char-edit{ color: #dbab6c; text-decoration: underline; display: block; text-align: center; padding: 7px;}
.char-dele{ color: #f0441e; text-decoration: underline; display: block; text-align: center; padding: 7px;}
/*  Order-Detail  */
.Item-Img{ width: 42px; height: 42px; margin-right: 15px; border: 1px solid #58411f; border-radius: 3px; float: left; margin-top: 5px;}
.Item-Info-Group{ float: left;}
.Item-Title{ color: #dbab6c; display: block; line-height: 20px; width: 320px;}
.Item-Price{ color: #ffcc00; font-size: 16px; display: block; text-align: left; line-height: 25px;}
.msg-time a{ display: inline-block; vertical-align: middle; width: 86px; height: 28px; background: url("../images/action-bg.png") no-repeat;}
.Order-Detail-Content li.check{line-height: 45px;}
.Order-Detail-Content li.msg-time{line-height: 45px;}
.Order-List-top .msg-theme{ width: 60%;}
.Order-List-top .msg-time{ width: 30%;}
.Order-Detail-Content .msg-theme{ width: 60%;}
.Order-Detail-Content .msg-time{ width: 25%;}
.Detail-Date{ color: #a99357; margin: 20px 0 -5px 0;}
/*  Detele Frame  */
.Delete-Fram{ position: fixed; top: 0; left: 0; z-index: 1; display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.85);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000); }
.Detele-Frame-Content{ display: table-cell; vertical-align: middle;}
.Delete-Fra{ width: 450px; height: 230px; border-radius: 5px; background: #fff; margin: 0 auto; padding: 15px 0; position: relative;}
.Dele-Fra-Title{ font-size: 18px; color: #333; padding: 6px 25px 16px 25px; border-bottom: 1px solid #ddd;}
.cfm-content{ margin: 30px 0 60px 0; font-size: 18px; color: #666; text-align: left; padding-left: 25px;}
.Dele-Fra-btnGroup{}
.Dele-Fra-btnGroup button{ float: right; border: none; width: 74px; height: 30px; margin-right: 15px; border-radius: 3px; font-size: 14px; cursor: pointer;}
.Dele-Fra-btnGroup button:focus{ outline: none;}
.Dele-Fra-btnGroup .Yes-Btn{ margin-right: 20px; background: #999; color: #f1f1f1;}
.Dele-Fra-btnGroup .Yes-Btn:hover,.Dele-Fra-btnGroup .Yes-Btn:active{ background: rgba(53,52,50,0.7);}
.Dele-Fra-btnGroup .No-Btn{ background: #a62508; color: #fff;}
.Dele-Fra-btnGroup .No-Btn:hover,.Dele-Fra-btnGroup .No-Btn:active{ background: rgba(166,37,8,0.8);}
.Close-Dele{ position: absolute; right: 10px; top: 0; padding: 10px; color: #999; font-size: 28px; cursor: pointer;}
/*  Send Success  */
.Success-Tip{ width: 450px; height: 230px; border-radius: 5px; background: #fff; margin: 0 auto; padding: 15px 0; position: relative;}
.Success-Btn{ border: none; width: 74px; height: 30px; border-radius: 3px; font-size: 14px; cursor: pointer; background: #a62508; margin-right: 20px; color: #fff; float: right;}
.Succ-cfm-content{ margin: 85px 0 30px 0; font-size: 18px; color: #666; text-align: left; padding-left: 25px;}
.Success-Btn:focus{ outline: none;}
.Success-Btn:hover,.Success-Btn:active{ background: rgba(166,37,8,0.8);}
.Succ-cfm-content span{ display: inline-block; width: 45px; height: 45px; background: url("../images/succ.png") no-repeat; vertical-align: middle; margin-right: 15px; margin-top: -5px;}